<p:dialog xmlns="http://www.w3.org/1999/xhtml"
      	  xmlns:h="http://java.sun.com/jsf/html"
      	  xmlns:f="http://java.sun.com/jsf/core"
      	  xmlns:ui="http://java.sun.com/jsf/facelets"
      	  xmlns:p="http://primefaces.org/ui"
      	  modal="true"  resizable="true" 
		  widgetVar="dialogEditarAtividade" id="idDialogEditarAtividade" closable="true"
		  appendToBody="true">
      

      	
<link rel="stylesheet" type="text/css" href="estilos.css"/>
 
 <h:form id="formEditarAtividade">  
 	<p:panel id="idPanelEditarAtividade" header="Cadastrar Nova Atividade" style="font-size:20px; margin-bottom:30px; height:300px; ">  
    	<p:growl id="messages" style="font-size:14px;"/>  
        <p:panelGrid id="idPGEditarAtividade" style="margin-top:20px;">
	        <p:row>    					
	        	<p:column>
        			<p:outputLabel value="Código da Atividade:" style="font-size:14px; float:left; padding-right:5px;"/>
        		</p:column>        		
        			<p:column>
        				<p:inputText value="#{projetoBean.atividade.idAtividade}" style="font-size:14px; width:100px; float:left; padding-right:10px;" disabled="true" /> 
        			</p:column>
        			<p:column>
        				<p:outputLabel value="Nome da Atividade:" style="font-size:14px;" />
        			</p:column>
        			<p:column>
        				<p:inputText value="#{projetoBean.atividade.nomeAtividade}" style="font-size:14px; width:300px;" disabled="true"/> 
        			</p:column>        	
        	</p:row>
            <p:row>
        		<p:column>
        			<p:outputLabel value="Usuário Responsável:" style="font-size:14px; float:left; padding-right:5px;"/>
        		</p:column>        		
        		<p:column colspan="3">
        			<p:inputText  style="font-size:14px; width:300px; float:left; padding-right:10px;" /> 
        		</p:column>
        	</p:row>
        	<p:row>
        		<p:column>
        			<p:outputLabel value="Data de início:" style="font-size:14px;"/>
        		</p:column>
        		<p:column>
        			<p:inputMask value="#{projetoBean.dtInicialAtividade}" mask="99/99/9999" style="width:100px; height:20px; font-size:14px;" required="true" requiredMessage="Informar a data de início!"/> 
        		</p:column>   
        		<p:column>
        			<p:outputLabel value="Data de conclusão:" style="font-size:14px;"/>
        		</p:column>
        		<p:column>
        			<p:inputMask value="#{projetoBean.dtFinalAtividade}" mask="99/99/9999" style="width:100px; height:20px; font-size:14px;" required="true" requiredMessage="Informar a Data final!" /> 
        		</p:column>      	
        	</p:row>
        	<p:row>
        		<p:column>
        			<p:outputLabel value="Número de Colaboradores:" style="font-size:14px; float:left; padding-right:5px;"/>
        		</p:column>        		
        		<p:column colspan="3">
        			<p:inputText value="#{projetoBean.atividade.nColaboradores}" style="font-size:14px; width:80px; float:left; padding-right:10px;" /> 
        		</p:column>
        	</p:row>
        	<p:row>
        		<p:column>
        			<p:outputLabel value="Status da Atividade:" style="font-size:14px; float:left; padding-right:5px;"/>
        		</p:column>        		
        		<p:column colspan="3">
        			<p:selectOneMenu id="stringStatus" style="font-size:15px" value="#{projetoBean.stringStatus}" label="Status do Projeto"  panelStyle="width:210px">  
        				<f:selectItems value="#{projetoBean.arrayStatusAtividade}" />  
    				</p:selectOneMenu>
        		</p:column>
        	</p:row>									
		</p:panelGrid>     				         
    </p:panel>  

	<p:commandButton value="Salvar" action="#{projetoBean.saveEditAtividade}" process="@this formEditarAtividade" update="idPanelEditarAtividade" style="margin-right:20px; margin-left:10px;" />  
   	<p:commandButton value="Cancelar" style="margin-right:20px;" />
    <p:commandButton value="Limpar"  style="margin-right:20px;" /> 
    			

</h:form>  	


</p:dialog>
